Ext.define('Admin.view.auth.Register', {
	extend : 'Admin.view.auth.LockingWindow',
	alias : 'widget.userregister',

	requires : ['Admin.view.auth.Dialog', 'Admin.form.field.VTypes', 'Ext.form.Label', 'Ext.form.field.Text',
	        'Ext.form.field.Checkbox', 'Ext.button.Button'],

	validateUser : false,
	title : '用户注册',
	defaultFocus : 'userRegisterDialog',

	items : [{
		        xtype : 'authdialog',
		        reference : 'userRegisterDialog',
		        bodyPadding : '20 20',
		        width : 455,
		        defaultButton : 'submitButton',
		        autoComplete : true,
		        cls : 'auth-dialog-register',
		        layout : {
			        type : 'vbox',
			        align : 'stretch'
		        },
		        defaults : {
			        selectOnFocus : true,
			        xtype : 'xtextfield',
			        cls : 'auth-textbox',
			        hideLabel : true,
			        allowBlank : true,
			        margin : '5 0'
		        },
		        items : [{
			                xtype : 'label',
			                cls : 'lock-screen-top-label',
			                text : '使用邮箱地址或者手机号，注册一个新用户'
		                }, {
			                name : 'login',
			                reference : 'login',
			                emptyText : '邮箱地址或者手机号',
			                allowBlank : false,
			                triggers : {
				                glyphed : {
					                cls : 'trigger-glyph-noop auth-email-trigger'
				                }
			                }
		                }, {
			                name : 'nicename',
			                reference : 'nicename',
			                emptyText : '昵称',
			                triggers : {
				                glyphed : {
					                cls : 'trigger-glyph-noop auth-envelope-trigger'
				                }
			                }
		                }, {
			                xtype : 'password',
			                reference : 'password'
		                }, {
			                xtype : 'container',
			                layout : 'hbox',
			                items : [{
				                        xtype : 'checkbox',
				                        name : 'agrees',
				                        cls : 'form-panel-font-color rememberMeCheckbox',
				                        height : 32,
				                        allowBlank : false,
				                        boxLabel : '我已阅读并同意',

				                        // In this case, the form operation is
				                        // not VALID
				                        // unless Terms are agreed upon
				                        isValid : function() {
					                        var me = this;
					                        return me.checked || me.disabled;
				                        }
			                        }, {
				                        xtype : 'box',
				                        html : '<a href="#authentication.agreement" class="link-forgot-password">《用户协议》</a>'
			                        }]
		                }, {
			                xtype : 'button',
			                scale : 'large',
			                ui : 'soft-blue',
			                formBind : true,
			                reference : 'submitButton',
			                bind : false,
			                margin : '5 0',
			                iconAlign : 'right',
			                iconCls : 'x-fa fa-angle-right',
			                text : '立即注册',
			                listeners : {
				                click : 'onSignupClick'
			                }
		                }, {
			                xtype : 'box',
			                html : '<div class="outer-div"><div class="seperator">或者</div></div>'
		                }, {
			                xtype : 'container',
			                layout : 'hbox',
			                defaults : {
				                xtype : 'button',
				                scale : 'large',
				                iconAlign : 'right'
			                },
			                items : [{
				                        flex : 1,
				                        ui : 'soft-blue',
				                        iconCls : 'x-fa fa-facebook',
				                        text : 'QQ',
				                        listeners : {
					                        click : 'onQQLogin'
				                        }
			                        }, {
				                        xtype : 'component',
				                        margin : '0 5 0 5'
			                        }, {
				                        flex : 1,
				                        ui : 'soft-green',
				                        iconCls : 'x-fa fa-wechat',
				                        text : '微信',
				                        listeners : {
					                        click : 'onWechatLogin'
				                        }
			                        }]
		                }, {
			                xtype : 'historyback'
		                }]
	        }]
});
